<template>
    <div>
      <header class="in-banner bg-orange hei310">
        <div class="logo-box">
          <!--logo-->
          <div class="logo pull-left mar-l3 mar-t30"></div>
          <div class="dropdown drop-menu">
            <button type="button" class="btn btn-bg" id="dropdownMenu1" data-toggle="dropdown"><img src="../../static/img/icon04.png" width="12" height="10"></button>
            <ul class="dropdown-menu in-downmenu" aria-labelledby="dropdownMenu1">
              <li><a href="#">数字后勤服务大厅</a></li>
              <li><a href="#">服务监督</a></li>
              <li><a href="#">运驾中心</a></li>
              <li><a href="#">膳食服务</a></li>
            </ul>
          </div>
          <!--.menu-->
          <nav class="pull-left mar-l3 mar-t40" role="navigation">
            <ul class="nav-menu nav-menu-tabs">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">餐厅介绍</a>
                <ul class="dropdown-menu">
                  <li><a href="#">桃园食堂</a></li>
                  <li><a href="#">橘园食堂</a></li>
                  <li><a href="#">梅园食堂</a></li>
                  <li><a href="#">杏园食堂</a></li>
                  <li><a href="#">李园食堂</a></li>
                  <li><a href="#">禾丰楼餐厅</a></li>
                  <li><a href="#">楠园一食堂</a></li>
                  <li><a href="#">楠园二食堂</a></li>
                  <li><a href="#">竹园食堂</a></li>
                </ul>
              </li>
              <li><a href="#">推荐菜品</a></li>
              <li><a href="#/userLogin">我的订单</a></li>
            </ul>
          </nav>
          <div class="pull-left s-cart mar-t40"><i></i><span class="pull-left"><router-link to="/userLogin">购物车</router-link></span> <em>12</em></div>
          <!--/menu-->
          <!--user login-->
          <div class="user-box user-txt mar-r3 pull-right mar-t30">
            <div class="b-login"><!--未登录-->
              <i></i>
              <a href="#/userLogin" >登录</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#/userRegister">注册</a>
            </div>
            <div class="a-login hidden"><!--已登录-->
              <i class="on"><img src="../../static/img/temp03.jpg" width="24" height="24" class="img-circle"></i>
              <a href="#">Chenshangcai</a>
            </div>
          </div>
          <!--/user-->
        </div>
        <div class="txt-box">
          <div class="txt-img pull-left"></div>
          <div class="pic-img pull-right">
            <div class="dropdown in-code">
              <ul type="button" class="ti" id="dropdownMenu2" data-toggle="dropdown"><img src="../../static/img/code.png" width="50" height="50"><p align="center" class="ft-grey9">加关注</p></ul>

              <ul class="dropdown-menu" aria-labelledby="dropdownMenu2"><img src="../../static/img/b-code.png" width="108" height="108" alt=""/></ul>

            </div>
          </div>
        </div>
      </header>
      <div class="container">
        <p class="hei50">&nbsp;</p>
        <div class="in-list-ti ft-orange ft24 pull-left"><i></i>&nbsp;&nbsp;推荐</div>

        <div class="pull-left" style="width: 660px; margin-top: 8px;">
          <div id="zsgun" class="ft18">
            <a href="#" class="prenext zspre"></a>
            <a href="#" class="prenext zsnext"></a>
            <div id="gundiv" class="container2">

            </div>
          </div>
        </div>

        <p class="clearfix"></p>
        <div class="container1060 mar-t10">
          <div class="row">
            <a href="#/userLogin">
<!--            商品开始-->
            <div class="col-md-4"v-for="item in items">
              <div class="list-box" data-toggle="modal" data-target="#myModal"  >
                <div class="pull-left"><!--菜品图片--><img src="../../static/img/img01.png" width="140" height="140" alt=""/></div>
                <div class="pull-left mar-l20">
                  <p class="ft18 mar-t10" ><!--商家名称--> {{item.storeName}}<span class="ft14 ft-grey8">(北区)</span></p>
                  <div class="icon-stars mar-t10">
                    <div>
                      <i style="width:72px;"></i>
                    </div>
                    <span class="txt"><!--商家评分-->{{item.storeScore}}星</span>
                  </div>
                  <p class="clearfix"></p>
                  <p class="ft-grey6"><!--菜品月销售量-->月售{{item.count}}单</p>
                  <p class="ft-grey9 ft12 mar-t20"><span><!--起送金额（商家）-->起送:￥{{item.initiatePrice}}</span>&nbsp;&nbsp;&nbsp;<span>免配送费</span></p>
                </div>
                <p class="clearfix"></p>
              </div>
            </div>
            </a>
<!--            商品结束-->



<!--            <div class="col-md-4">-->
<!--              <div class="list-box">-->
<!--                <div class="pull-left"><img src="../../static/img/img02.png" width="140" height="140" alt=""/></div>-->
<!--                <div class="pull-left mar-l20">-->
<!--                  <p class="ft18 mar-t10">桃园食堂 <span class="ft14 ft-grey8">(北区)</span></p>-->
<!--                  <div class="icon-stars mar-t10">-->
<!--                    <div>-->
<!--                      &lt;!&ndash;<p><a></a><a></a><a></a><a></a><a></a></p>&ndash;&gt;-->
<!--                      <i style="width:72px;"></i>-->
<!--                    </div>-->
<!--                    <span class="txt"> 4.0星</span>-->
<!--                  </div>-->
<!--                  <p class="clearfix"></p>-->
<!--                  <p class="ft-grey6">月售280单</p>-->
<!--                  <p class="ft-grey9 ft12 mar-t20"><span>起送:￥10</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>免配送费</span></p>-->
<!--                </div>-->
<!--                <p class="clearfix"></p>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="col-md-4">-->
<!--              <div class="list-box">-->
<!--                <div class="pull-left"><img src="../../static/img/img03.png" width="140" height="140" alt=""/></div>-->
<!--                <div class="pull-left mar-l20">-->
<!--                  <p class="ft18 mar-t10">桃园食堂 <span class="ft14 ft-grey8">(北区)</span></p>-->
<!--                  <div class="icon-stars mar-t10">-->
<!--                    <div>-->
<!--                      &lt;!&ndash;<p><a></a><a></a><a></a><a></a><a></a></p>&ndash;&gt;-->
<!--                      <i style="width:72px;"></i>-->
<!--                    </div>-->
<!--                    <span class="txt"> 4.0星</span>-->
<!--                  </div>-->
<!--                  <p class="clearfix"></p>-->
<!--                  <p class="ft-grey6">月售280单</p>-->
<!--                  <p class="ft-grey9 ft12 mar-t20"><span>起送:￥10</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>免配送费</span></p>-->
<!--                </div>-->
<!--                <p class="clearfix"></p>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="col-md-4">-->
<!--              <div class="list-box">-->
<!--                <div class="pull-left"><img src="../../static/img/img04.png" width="140" height="140" alt=""/></div>-->
<!--                <div class="pull-left mar-l20">-->
<!--                  <p class="ft18 mar-t10">桃园食堂 <span class="ft14 ft-grey8">(北区)</span></p>-->
<!--                  <div class="icon-stars mar-t10">-->
<!--                    <div>-->
<!--                      &lt;!&ndash;<p><a></a><a></a><a></a><a></a><a></a></p>&ndash;&gt;-->
<!--                      <i style="width:72px;"></i>-->
<!--                    </div>-->
<!--                    <span class="txt"> 4.0星</span>-->
<!--                  </div>-->
<!--                  <p class="clearfix"></p>-->
<!--                  <p class="ft-grey6">月售280单</p>-->
<!--                  <p class="ft-grey9 ft12 mar-t20"><span>起送:￥10</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>免配送费</span></p>-->
<!--                </div>-->
<!--                <p class="clearfix"></p>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="col-md-4">-->
<!--              <div class="list-box">-->
<!--                <div class="pull-left"><img src="../../static/img/img05.png" width="140" height="140" alt=""/></div>-->
<!--                <div class="pull-left mar-l20">-->
<!--                  <p class="ft18 mar-t10">桃园食堂 <span class="ft14 ft-grey8">(北区)</span></p>-->
<!--                  <div class="icon-stars mar-t10">-->
<!--                    <div>-->
<!--                      &lt;!&ndash;<p><a></a><a></a><a></a><a></a><a></a></p>&ndash;&gt;-->
<!--                      <i style="width:72px;"></i>-->
<!--                    </div>-->
<!--                    <span class="txt"> 4.0星</span>-->
<!--                  </div>-->
<!--                  <p class="clearfix"></p>-->
<!--                  <p class="ft-grey6">月售280单</p>-->
<!--                  <p class="ft-grey9 ft12 mar-t20"><span>起送:￥10</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>免配送费</span></p>-->
<!--                </div>-->
<!--                <p class="clearfix"></p>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="col-md-4">-->
<!--              <div class="list-box">-->
<!--                <div class="pull-left"><img src="../../static/img/img06.png" width="140" height="140" alt=""/></div>-->
<!--                <div class="pull-left mar-l20">-->
<!--                  <p class="ft18 mar-t10">桃园食堂 <span class="ft14 ft-grey8">(北区)</span></p>-->
<!--                  <div class="icon-stars mar-t10">-->
<!--                    <div>-->
<!--                      &lt;!&ndash;<p><a></a><a></a><a></a><a></a><a></a></p>&ndash;&gt;-->
<!--                      <i style="width:72px;"></i>-->
<!--                    </div>-->
<!--                    <span class="txt"> 4.0星</span>-->
<!--                  </div>-->
<!--                  <p class="clearfix"></p>-->
<!--                  <p class="ft-grey6">月售280单</p>-->
<!--                  <p class="ft-grey9 ft12 mar-t20"><span>起送:￥10</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>免配送费</span></p>-->
<!--                </div>-->
<!--                <p class="clearfix"></p>-->
<!--              </div>-->
<!--            </div>-->
          </div>
        </div>
        <p class="hei50">&nbsp;</p>
        <!--footer-->
        <footer class="line text-center ft-grey6 ft12">
          <p class="mar-t10 mar-b20">版权所有：西南大学资产经营公司 (渝ICP 06005063号)    重庆市北碚区天生路2号    邮编：400715 </p>
        </footer>
      </div>
    </div>
</template>

<script>
    export default {
      name: "Index",
      //数据
      data(){
        return {
          items:[]
        }
      },
      //方法
      methods:{

        getAllStoreByStoreScore(){
          this.$http.get("/storeInfo/getAllStoreByStoreScore").then(resp=>{
            // alert();
            // console.log(resp);
            if (resp.data.code==200) {
              this.items=resp.data.data
            }
          })
        }
      },
      //预加载
      created(){
        this.getAllStoreByStoreScore()
      }
    }

</script>

<style scoped>
  /*@import url("../../static/css/ordering-style.css");*/
  /*@import url("../../static/css/main.css");*/
</style>
